<%-- 
    Document   : selectpayment
    Created on : Jan 26, 2013, 3:22:51 PM
    Author     : KAKAIT
--%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<div class="col-main" id="ves-col-main">
    <div class="page-title">
        <h1>Checkout</h1>
    </div>
    
    <ol id="checkoutSteps" class="opc">
    
        <li class="section active" id="opc-payment">
        <div class="step-title">
            <h2>Select Payment Information</h2>
            <a href="#">Edit</a>
        </div>
        <div style="" class="step a-item" id="checkout-step-payment">
            <script type="text/javascript">
//&lt;![CDATA[
    var quoteBaseGrandTotal = 999;
    var checkQuoteBaseGrandTotal = quoteBaseGrandTotal;
    var payment = new Payment('co-payment-form', '#');
    var lastPrice;
//]]&gt;
</script>
<form id="co-payment-form" action="">
    <fieldset>
        <dl id="checkout-payment-method-load" class="sp-methods">
            <dl id="checkout-payment-method-load" class="sp-methods">
                <dt>
            <input type="radio" class="radio" onclick="payment.switchMethod('checkmo')" title="Check / Money order" name="payment[method]" value="checkmo" id="p_method_checkmo" autocomplete="off" checked="checked">
            <label for="p_method_checkmo">Check / Money order </label>
    </dt>
                <dt>
                <input type="radio" class="radio" onclick="payment.switchMethod('ccsave')" title="Credit Card (saved)" name="payment[method]" value="ccsave" id="p_method_ccsave" autocomplete="off">
                <label for="p_method_ccsave">Credit Card (saved) </label>
            </dt>
                <dd>
                    <ul style="display: none" id="payment_form_ccsave" class="form-list">
                        <li>
                            <label class="required" for="ccsave_cc_type"><em>*</em>Credit Card Type</label>
                            <div class="input-box">
                                <select class="required-entry validate-cc-type-select" title="Credit Card Type" name="payment[cc_type]" id="ccsave_cc_type" autocomplete="off">
                                    <option value="" selected="selected">--Please Select--</option>
                                    <option value="AE">American Express</option>
                                    <option value="VI">Visa</option>
                                    <option value="MC">MasterCard</option>
                                    <option value="DI">Discover</option>
                                </select>
                            </div>
                        </li>
                        <li>
                            <label class="required" for="ccsave_cc_number"><em>*</em>Credit Card Number</label>
                            <div class="input-box">
                                <input type="text" class="input-text validate-cc-number validate-cc-type" title="Credit Card Number" name="payment[cc_number]" id="ccsave_cc_number" autocomplete="off">
                            </div>
                        </li>
                        <li>
                            <label class="required" for="ccsave_expiration"><em>*</em>Expiration Date</label>
                            <div class="input-box">
                               <input type="text" value="<%= request.getAttribute("cardexpiry")!=null ? request.getAttribute("cardexpiry") : "" %>" class="input-text validate-date-au validate-cc-exp required-entry" title="Credit Card Number" name="cardexpiry" id="cardexpiry" autocomplete="off">
                            </div>
                        </li>
                    </ul>
                </dd>
            </dl>
        </dl>
<script type="text/javascript">
//&lt;![CDATA[
payment.init();
//]]&gt;
</script>
    </fieldset>
</form>

<div id="payment-buttons-container" class="buttons-set">
    <p class="required">* Required Fields</p>
    <p class="back-link"><a onclick="checkout.back(); return false;" href="<c:url value="/shoppingcart"/>"><small>« </small>Back</a></p>
    <button onclick="window.location='<c:url value="/orderreview"/>'" class="button" type="button"><span><span>Continue</span></span></button>
    <span style="display:none;" id="payment-please-wait" class="please-wait">
        <img class="v-middle" title="Loading next step..." alt="Loading next step..." src="Checkout_files/opc-ajax-loader.gif"> Loading next step...    </span>
</div>

<script type="text/javascript">
//&lt;![CDATA[
    payment.currentMethod = "";
    window.document.title ="Select Payment";
//]]&gt;
</script>
        </div>
    </li>
    
    </ol>
    
 <script type="text/javascript">
//&lt;![CDATA[
    var accordion = new Accordion('checkoutSteps', '.step-title', true);
        accordion.openSection('opc-login');
        var checkout = new Checkout(accordion,{
        progress: '#',
        review: '#',
        saveMethod: '#',
        failure: '#'}
    );
//]]&gt;
</script>   
</div>
   
